<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Welcome to The Boot Closet&trade;</title>
    <link rel="stylesheet" type="text/css" href="boot.closet.css">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="../../Silverlight.js"></script>
    <script type="text/javascript" src="../../SilverQuery.js"></script>
  </head>

  <body id="bootCloset3">
    <img id="banner" src="boot.closet.branding.png"/>
    <form action="" id="orderForm">
      <div id="detailFormContainer">
        <h1>Choose your boots</h1>
        <div id="cascadingDropdowns">
          <div>
            <label>Please choose a style:</label><br/>
            <select id="styleDropdown">
            </select>
          </div>
          <div>
            <label>Color:</label><br/>
            <select id="colorDropdown" disabled="disabled"></select>
          </div>
          <div>
            <label>Size:</label><br/>
            <select id="sizeDropdown" disabled="disabled"></select>
          </div>
        </div>
        <div id="detailsDisplay">
					<div>
						<label>Item name:</label> <span id="detailsName">---</span> 
					</div>
					<div>
						<label>SKU:</label> <span id="detailsSku">---</span>
					</div>
					<div>
						<label>Height:</label> <span id="detailsHeight">---</span>
					</div>
					<div>
						<label>Colors:</label> <span id="detailsColors">---</span>
					</div>
					<div>
						<label>Lining:</label> <span id="detailsLining">---</span>
					</div>
					<div>
						<label>Today's price:</label> <span id="detailsPrice">---</span>
					</div>
					<div>
						<label>Features:</label> <span id="detailsFeatures">---</span>
					</div>
					<div align="center">
						<img id="detailsPhoto" alt="Boot Photo" src="photos/none.png" />
					</div>
        </div>
      </div>
    </form>
    
    <script type="text/javascript">
    	SilverQuery.createObject(
    		"../../ClientBin/SilverQueryDemo.xap",
    		{ "component": "SilverQueryDemo.jqia.BootCloset" }
    	);
    </script>
  </body>
</html>
